Bookmark and Share

HTML - Reset Buttons

A reset button allows users to basically clear their web form. It wipes values from all fields by "resetting" the form to its default appearance.

Advertise on Tizag.com

Set the type attribute of the <input> tag to "reset" to incorporate a reset button into a web form.

HTML Reset Button Code:

<input type="reset" value="Reset" />
 <input type="reset" value="Start Over" />

Two HTML Reset Buttons:


Placing a reset button inside of a form tag automatically associates the reset button with each form element and delivers a useful feature for your viewers.

HTML Code:

<form action="myphp.php" method="post"> <input type="text" size="12" maxlength="12" />
<input type="text" size="24" maxlength="24" /> 
<input type="reset" value="Reset" /> </form>

Reset Forms:



Fill out some information in the field boxes and press reset to experience a reset form!

Bookmark and Share




Found Something Wrong in this Lesson?

Report a Bug or Comment on This Lesson - Your input is what keeps Tizag improving with time!

Advertise Here

More Tutorials!
Microsoft Office Tutorials Artist Tutorials